<template>
  <div class="app-container bg-gray">
    <el-card class="box-1">
      <el-tabs @change="tabChange">
        <el-tab-pane label="基本设置">
          <base-pane/>
        </el-tab-pane>
        <el-tab-pane label="套餐设置">
          <package-pane/>
        </el-tab-pane>
        <el-tab-pane label="权益设置">
          <advantage-pane/>
        </el-tab-pane>
      </el-tabs>
    </el-card>
  </div>
</template>

<script>
  import BasePane from './base';
  import PackagePane from './package';
  import AdvantagePane from './advantage';

  export default {
    components: { BasePane, PackagePane, AdvantagePane },
    data() {
      return {
      }
    },
    methods: {
      tabChange(e) {
        console.log(e)
      }
    }
  }
</script>

<style lang="scss" type="text/scss" scoped>
  @import '../../../../styles/index.scss';
  .box-1 {
    max-width: 1200px;
    margin: 0 auto;
  }
</style>
